<template>
    <div class="blog-info-box animate__animated animate__rotateInDownLeft">
        <div class="blog-info-left-box"></div>
        <div class="blog-info-right-box"></div>
    </div>
</template>

<script setup>

</script>

<style lang="scss" scoped>
.blog-info-box {
    width: 100%;
    height: 700px;
    background-color: rgba(255, 255, 255, .7);
    border-radius: 10px;
    margin-top: 70px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.blog-info-left-box {
    width: 300px;
    height: 600px;
    background-color: #6abbb6;
    // background-color: #496078;
    border-radius: 10px;
}

.blog-info-right-box {
    width: 800px;
    height: 600px;
    background-color: #496078;
    // background-color: #6abbb6;

    border-radius: 10px;

}
</style>